<template>
<div>
	<div class="summary_area">
			<textarea name="" id="" cols="30" rows="10" v-model="summary_value"></textarea>
			<p><button @click="closeMyself">提交</button></p>
	</div>
</div>
</template>

<script>
export default {
  props:['summary'],
  watch:{

  },
  created:function(){
  	this.summary_value=this.summary
  },
  data () {
    return {
    	summary_value:''
    }
  },
  methods: {
    closeMyself () {

        this.$emit('summary-dialog', this.summary_value)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.summary_area{
	width:100%;

}
.summary_area textarea{
	width: 100%;
	height: 200px;
	resize: none;
	font:15px/18px '微软雅黑';
	color:#333;
}
.summary_area p{
	width: 100%;
}
.summary_area button{
  width: 120px;
  height: 40px;
  background-color: #34A8FF;
  text-align: center;
  color: #fff;
  font:15px/38px '微软雅黑';
  float: right;
  border: 1px solid #34A8FF;
  margin-right: 5px;
}
</style>
